{extend name="frameset" /}
{block name="top"}
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Aryicle</title>
  <link rel="stylesheet" href="__static__/index/css/common.css">
  <link rel="stylesheet" href="__static__/index/css/article.css">
</head>

<body>
  {volist name='data' id='ar'}
  <header style="background-image: url('__static__/index/images/fashion_img/{$ar.img_file}');" >
    <nav>
      <div class="left_nav">
        <a href="index.html" id="home" class="line">Home</a>
        <a href="{:url('index/index/future')}">Future</a>
        <div class="nav_le1">
          <a href="{:url('index/index/about_me')}">About us</a>
          <div class="nav_le2">
            <a href="{:url('index/index/about_me')}?id=2">Zix</a>
            <a href="{:url('index/index/about_me')}?id=1">Lin</a>
            <a href="{:url('index/index/about_me')}?id=3">Team</a>
          </div>
        </div>
        <a href="{:url('index/index/login')}">Register</a>
      </div>
      <div class="center_nav">
      </div>
      <div class="right_nav">
        <a class="specila_a" href="{:url('index/index/tui')}">{$bad}</a>
        <a class="specila_a" href="{:url('index/index/login')}?id=0">{$login}</a>
        <div class="nav_le1">
          <div class="user_img" style="background-image:url('__static__/index/images/{$img_url}')"></div>
          <div class="nav_le2">
            <!--  判断它有没有-->
            <p class="user_name">{$username}</p>
            <a href="{:url('index/index/update')}?id={$id}">{$update}</a>
          </div>

        </div>
      </div>
    </nav>
    {volist name='data' id='ar'}
    <div class="banner" >
      <div class="title">
        <h1>{$ar.title}</h1>
        <p class="title_att">Respect each other</p>
      </div>
      <h4>we believe everything will be better </h2>
    </div>
    {/volist}
  </header>
  {/volist}
  <div class="container">
    {volist name='data' id='ar'}
    <h3>{$ar.author}</h3>
    <p>Latest release date : <time datetime="2019-5-5">{$ar.create_time|date="Y-m-d H:i:s",###}</time> </p>
    <P><span>hits:</span>{$ar.hits}</P>
    <article>
      {$ar.content}
    </article>
    {/volist}
    <h3>Message board</h3>
    <hr>
    <div class="message_board">
      <!-- 如果没有留言就在该处输出 暂无留言 赶快一起发表留言趴 -->
      <div class="meggase_box">
        {volist name="res" id="ar"}
        <p class="meggase_item">
        <span>用户 {$ar.author}:</span>  
          {$ar.comment}
          <a href="{:url('index/index/addgood')}?id={$ar.id}"> {$ar.hits}</a>
        </p>
        {/volist}
        <hr class="bottom_line">
      </div>
      {volist name="data" id="ar"}
      <form action="{:url('index/index/comment')}?id={$ar.id}" class="meggase" method="POST">
        <p>
          Dear user : you can fill in you message in
          the box to share you ideas.
        </p>
        <textarea name="comment" cols="30" rows="22.5"></textarea>
      <input type="submit" value="submit" class="submit">
      </form>
      {/volist}
    </div>
  </div>
  {/block}